{% extends "layout.html" %}
{% block content %}
	<div class="fz16 record_list">
		<header>
			<!-- <span class="back zymkwap ift-goback" @click="goback"></span> -->
			<span class="back zymkwap ift-goback"></span>
			<span class="title">我的{{'订阅' if type=='subs' else '历史'}}</span>
			<!-- <div class="hd-btns" @click="hd_btn"> -->
			<div class="hd-btns">
				<i class="manage zymkwap ift-manage" id="manage"></i>
				<i class="layout zymkwap {{'ift-layout-list' if layout==0 else 'ift-layout-nine'}}" id="layout"></i>
			</div>
		</header>
		{#{% if layout == 0 %}#}
			<div class="container layout-nine" style="min-height: {{'5.79rem' if manage else '6.23rem'}}">
				<!-- <comicItem :data='item' :type="type=='subs'?'collect':'read'" v-for="(item, idx) in dataList" :key="idx"></comicItem> -->
				
				{#{% for item in dataList %}#}
					<div class="comicItem">
						<a class="comic-item mineCss" href="detail/{{item.comic_id}}">
							<!-- <div @click="check($event)"> -->
							<div>
								<div class="thumbnail">
									{#{% if manage %}#}
										<div class="check {{checked}}" data-id="{{item.comic_id}}"></div>
									{#{% endif %}#}
									<img class="item-img" src="{{itemCover}}" data-id="{{item.comic_id}}" />
									<span class="zymkwap ift-xing score">{{score}}</span>
									{#{% if type == 'read' %}#}
										<span class="chapter ellipsis">阅读至：{{item.chapter_name}}</span>
									{#{% endif %}#}
								</div>
								<span class="title ellipsis">{{item.comic_name}}</span>
								{#{% if type == 'read' %}#}
									<span class="desc ellipsis" v-if="type=='read'">{{item.readtime}}</span>
								{#{% endif %}#}
							</div>
						</a>
					</div>
				{#{% endfor %}#}
				{#{% if dataList.length == 0 %}#}
					<div class="null">
						<div class="zymkwap ift-null"></div>
						<span>暂无数据</span>
					</div>
				{#{% endif %}#}
			</div>
		{#{% else %}#}
			<div class="container layout-list" style="min-height: {{'5.79rem' if manage else '6.23rem'}}">
				{#{% for item in dataList %}#}
					<div class="comicList">
						<comicList :data='item' :type="type=='subs'?'collect':'read'"></comicList>
					</div>
				{#{% endfor %}#}
				{#{% if dataList.length == 0 %}#}
					<div class="null">
						<div class="zymkwap ift-null"></div>
						<span>暂无数据</span>
					</div>
				{#{% endif %}#}
			</div>
		{#{% endif %}#}
		<!-- <footer v-if="manage" @click="mgmt"> -->
		{#{% if manage %}#}
			<footer>
				<div class="zymkwap {{'ift-check' if checkList.length==0 else 'ift-power'}}" data-type="checkAll" style="color: {{'#b9b9b9' if dataList.length==0 else '#666'}}">{{'全选' if checkList.length==0 else '取消选择'}}</div>
				<div class="zymkwap ift-del" data-type="del" style="color: {{'#b9b9b9' if checkList.length==0 else '#666'}}">删除</div>
			</footer>
		{#{% endif %}#}
		<!-- <layer :option="layerOp" ref="layer"></layer> -->
		{#{% if manage %}#}
			<div class="blank44" v-if="manage"></div>
		{#{% endif %}#}
	</div>
{% endblock %}